<template>
  <!-- 列表 -->
  <el-timeline class="rightfirst-bottom-right" :model="datas" placeholder="没有更多了">
    <el-timeline-item
      v-for="(item, index) in datas"
      :key="index"
      :icon="item.icon"
      :type="item.type"
      :color="item.color"
      :size="item.size"
      :createTime="item.createTime"
      placement="left">
      <div class="rightfirst-bottom-right-left">
        <span>{{ parseTime(item.createTime) }}</span>
      </div>
      <el-card shadow="hover" style="height:200px;width:100%" ref="elCard" v-bind:style="elCard">
        <div slot="header" class="clearfix">
          <span>{{ getDictDataLabel(DICT_TYPE.FI_PROJECT_FEEDBACK_TYPE, item.maintainId) }}</span>
        </div>
      <div class="el-image">
          <img v-if="item.doImgList" style="width:100px; height:100px;" :src="item.doImgList">
      </div>
      <p>{{item.doTaskName}} 提交于 {{ parseTime(item.createTime) }}</p>
      </el-card>
    </el-timeline-item>
  </el-timeline>
</template>

<script>
import { getDictDataLabel, getDictDatas, DICT_TYPE } from '@/utils/dict';


export default {
  name: "Feedback",
  props: {
    datas: {
      type: Array,
      default: null
    }
  },
  data() {
    return {
      //卡片样式
      elCard: { background: "#ffffff" },
      // 遮罩层
      loading: true
    };
  },
  created() {
    //this.flashColor();
  },
  methods: {
    
  }
};
</script>
